<!-- THE MAIN CONTENT CLASS-->
<div class='mainContainer home'> <!-- Main div for the contain, behaves like a table-->
	<div><!-- Direct child of mainContainer, behaves like a table cell-->
		<h2 class='differentAlign'>ODE Seminar Registration Form</h2>
		<div class='spacer'>&nbsp;</div>
		<form>
			<p>
				<label>Name *</label>
				<input type='text' name='name' />
			</p>
			<p>
				<label>Gender *</label>
				<input type='radio' name='gender' />Male
				<input type='radio' name='gender' />Female
			</p>
			<p>
				<label>Address *</label>
				<input type='text' name='address' />
			</p>
			<p>
				<label>Phone Number *</label>
				<input type='text' name='phone' />
			</p>
			<p>
				<label>Email *</label>
				<input type='text' name='email' />
			</p>
			<p>
				<label>Description</label>
				<textarea name='description'></textarea>
			</p>
			<div class='spacer'>&nbsp;</div>
			<hr />
			<span class='footnote'>* Must not be blank</span>
			<div class='spacer'>&nbsp;</div>
			
			<input type='submit' value='Submit' />
			<input type='submit' value='Reset' />
		</form>
	</div>
	
    <div class='rightPane'>
		<h2 class='differentAlign'>Our <span class='differentHeading'>Contact</span></h2>
		<div class='spacer'>&nbsp;</div>
		<div>
			<h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt, enim at malesuada aliquam, mauris odio iaculis dolor</p>
		</div>
		<div>
			<h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt, enim at malesuada aliquam, mauris odio iaculis dolor</p>
		</div>
		<div>
			<h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt, enim at malesuada aliquam, mauris odio iaculis dolor</p>
		</div>
	</div>
</div>

<div class='spacer'>&nbsp;</div>